<div id="page_left">
  <div class="left_bar">
   <div class="box">
   	<h4>Categories</h4>
<script>
/*
$(function(){
		$(".category>li").hover(
			function (){
				$(".category li").removeClass("hover");
				$(this).addClass("hover");
			}
		);
			$("#page_left").mouseleave(
					function (){
						$(".category li").removeClass("hover");
					}
			)
});

$(document).ready( function(){	
		$('.showmore_btn').click(
							function(){
								 $('.category').removeClass('hide');
								$('.showmore').hide();													
							}
			)
	});
	*/
$(document).ready( function(){	
		$('.showmore a').click(
							function(){
							//	 $('.category').removeClass('hide');
								$('li.hide').removeClass('hide');								
								$('.showmore').parent().hide();
							}
			)
	});
</script>   




      <ul class="category" ><?php //var_dump($categories); ?>
      <?php $i = 0; ?>
      
          <foreach name="categories" item="vo1">
     
          <?php 		$i = $i + 1 ;  ?>
        
              <li class='<?php if($i > 18) echo "hide"; ?>'>
              	<a href="http://xeno.recrazy.net/index.php?s=Products/lists/flag/all/cat_id/{$vo1.cat_id}">
                	<empty name="vo1.cat_name_with_lang">
                		{$vo1.cat_name}
                    </empty>
                    <notempty name="vo1.cat_name_with_lang">
                    	{$vo1.cat_name_with_lang}
                    </notempty>
                </a>
              <!-- 2级菜单 -->
                    <notempty name="vo1.child_cats">
                        <ul class="sub_category">
                        	<foreach name="vo1.child_cats" item="vo2">
                          		<li class="first">
                                	<a href="http://xeno.recrazy.net/index.php?s=Products/lists/flag/all/cat_id/{$vo2.cat_id}">
                                        <empty name="vo2.cat_name_with_lang">
                                            {$vo2.cat_name}
                                        </empty>
                                        <notempty name="vo2.cat_name_with_lang">
                                            {$vo2.cat_name_with_lang}
                                        </notempty>
                                    </a>
                                </li>
                            </foreach>
                       </ul>
                    </notempty>
                 <!-- end of 2级菜单 -->
              </li>
            
              
          </foreach>
      </ul>
      <ul class="category_show" >
          <li class="showmore"><a href="javascript:;">Show More ..</a></li>
      
      </ul>
   
      
      
  
  </div>
  </div>
</div>